<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>商品分类选择</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/search.css" />
    <link rel="stylesheet" type="text/css" href="css/product_sort.css" />
    <style>
        .tree_item_rgt{
            font-size: 0.65rem;
            text-align: right;
            color: #999;
        }
        label.choose{
            margin-right: 10px;
        }
        .aui-checkbox{
            width: 1rem;
            height: 1rem;
            top:7px;
        }
    </style>
</head>

<body>
    <div id="app" >
        <div class="tree_center">
            <div class="tree_all">
                <div class="tree_item">
                    <div class="tree_item_lft aui-ellipsis-1 fl">
                        <i v-if="showAll"  v-on:click="do_openall()" class="icon iconfont icon-zhankai color9"></i>
                        <i v-if="!showAll"  v-on:click="do_openall()" class="icon iconfont icon-gengduo font7 color9"></i>
                        <!-- <label class="choose"><input type="checkbox" class="aui-checkbox" v-bind:checked="item.isSelected" cfunNamelass="aui-checkbox input_radio"  :value="item.funId"></label> -->
                        <span class="font8">全部分类</span>
                    </div>
                    <div class="tree_item_rgt fr">
                        15种商品
                    </div>
                </div>
                <div v-if="showAll" class="tree_all pl25" v-for="item in list">
                    <div class="tree_item">
                        <div class="tree_item_lft aui-ellipsis-1 fl">
                            <i v-if="showMenu"  v-on:click="do_opentype()" class="icon iconfont icon-zhankai color9"></i>
                            <i v-if="!showMenu"  v-on:click="do_opentype()" class="icon iconfont icon-gengduo font7 color9"></i>
                            <label v-if="item.children==undefined||item.children.length<=0" class="choose"><input type="checkbox" class="aui-checkbox" v-on:click="choose_sort(item)" v-bind:checked="item.IsSelected==false" cfunNamelass="aui-checkbox input_radio"  :value="item.id"></label>
                            {{item.Name}}
                        </div>
                        <div class="tree_item_rgt fr">
                            {{item.count}}种商品
                        </div>
                    </div>
                    <div v-if="showMenu" class="tree_all pl25" v-for="item2 in item.children">
                        <div class="tree_item pl15">
                            <div class="tree_item_lft aui-ellipsis-1 fl">
                                <label class="choose"><input type="checkbox" class="aui-checkbox" v-on:click="choose_sort(item2)" v-bind:checked="item2.IsSelected==false" cfunNamelass="aui-checkbox input_radio"  :value="item2.id"></label>
                                {{item2.Name}}
                            </div>
                            <div class="tree_item_rgt fr">
                                {{item2.count}}种商品
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
        <div class="pagebtn">
            <div class="buttom longwidth" v-on:click="do_save()">保存</div>
        </div>

    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript " src="js/product_sortChoose.js"></script>
<script type="text/javascript"></script>
</html>
